.color-wrapper{position:absolute;top:0;left:0;z-index:2;width:100%;height:0.4rem;background-color:#F5F5F5;
display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;
-webkit-justify-content:center;}
.color-wrapper .light{width:0.2rem;height:0.2rem;background:url('../../assets/images/home/index/light.png') no-repeat;
background-size:100%;background-position:center;}
.color-wrapper .heavy{width:0.28rem;height:0.14rem;background:url('../../assets/images/home/index/heavy.png') no-repeat;
background-size:100%;background-position:center;}
.color-wrapper .slider{width:82%;height:0.04rem;border-radius:2px;background: linear-gradient(90deg, #A6F28F, #61B8FF, #3DBA3D, #0000FF, 
#FA00FA, #800040, #FFAA00, #FF6600, #E60000, #990000);margin:0 0.17rem;}